<style>
    .width-50 {
        width: 50px;
    }
    .width-100 {
        width: 100px;
    }
    .width-120 {
        width: 120px;
    }
</style>
<div class="container">
    <div id="content-container" class="container">
        <div class="row">
            <div class="col-md-3">
                {include file="common/sidenav" /}
            </div>
            <div class="col-md-9">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <h2 class="page-header">
                            我的工单
                            <a href="{:url('workorder/create')}" class="btn btn-info pull-right"><i class="fa fa-plus"></i> 提交工单</a>
                        </h2>
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th class="text-center width-50">编号</th>
                                <th>标题</th>
                                <th class="text-center hidden-xs width-100">产品/服务</th>
                                <th class="text-center hidden-xs width-120">提交时间</th>
                                <th class="text-center hidden-xs width-100">状态</th>
                                <th class="text-center width-100">操作</th>
                            </tr>
                            </thead>
                            {volist name="orders" id="order" key="key" empty="<tr><td class='text-center' colspan='6'>暂时没有数据...</td></tr>"}
                            <tr>
                                <td class="text-center">{$order.id}</td>
                                <td><span class="visible-xs-inline">{$order.status.h5}</span>{$order.title|mb_substr=0,17}{$order.title|mb_strlen > 17 ? '...':''}</td>
                                <td class="text-center hidden-xs">{$order.category.name}</td>
                                <td class="text-center hidden-xs">{$order.createtime_text}</td>
                                <td class="text-center hidden-xs">{$order.status.pc}</td>
                                <td class="text-center">
                                    <a href="{:url('index/workorder/detail', ['id' => $order.id])}" class="btn btn-success btn-xs" data-toggle="tooltip" title="查看"><i class="fa fa-eye"></i></a>
                                    {eq name="order.status.number" value="5"}<a href="javascript:;" data-order_id="{$order.id}" data-order_title="{$order.title}" class="btn btn-danger btn-xs del_workorder" data-toggle="tooltip" title="删除"><i class="fa fa-trash"></i></a>{/eq}
                                    {in name="order.status.number" value="2,3,4"}
                                    <a href="{:url('index/workorder/evaluate', ['id' => $order.id])}" class="btn btn-xs btn-warning" data-toggle="tooltip" title="评价"><i class="fa fa-star-half-full"></i></a>
                                    {else/}
                                    <a href="javascript:;" class="btn btn-xs btn-default active" disabled="disabled" data-toggle="tooltip" title="评价"><i class="fa fa-star-half-full"></i></a>
                                    {/in}
                                </td>
                            </tr>
                            {/volist}
                        </table>
                        <div class="pager">{$orders->render()}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>